UserCSS - 擴充記法
code:style.css
@import "../UserCSS_-_修改字體/style.css";
粗體字 1 [* 粗體字 1]
code:style.css
@import "../UserCSS_-_粗體字加上標記線/style.css";
行內引用 [" 行內引用]
code:style.css
@import "../UserCSS_-_行內引用/style.css";
文字讀音ㄉㄨˊㄧㄣ 文字[# 讀音[ㄉㄨˊㄧㄣ]] code:style.css
@import "../UserCSS_-_文字讀音/style.css";
code:style.css
@import "../UserCSS_-_勾選框/style.css";
擴充符號
已使用:✅
不可:✖️
預設:🚫
可用:👌
table:擴充符號
✅ ✅ ✖️ ✅ 🚫 👌 ✖️ 👌 🚫 ✅ 🚫 ✅
✖️ 🚫 ✖️
✅ ✅ ✅
✖️ ✖️ ✖️
✖️ ✅
✖️ ✅
✅ ✅ ✖️
👌 👌 🚫
修改大小 [> 修改大小]
code:style.css
.deco-\> {
font-size: 1.2em;
}
範例文字 [+ 範例文字]
範例文字 [~ 範例文字]
code:style.css
/* red */
.deco-\+ {
font-weight: 900;
}
/* yellow */
.deco-\~ {
font-weight: 900;
}
家の前で騒音VC [< 縁取り]
code:style.css
.line:not(.cursor-line) .deco-\< {
/*
-webkit-text-stroke: 0.015em #000; */
/*
filter: drop-shadow(0 0 1px #000); */
}
範例文字 [! 範例文字]
code:style.css
.deco-\! {
color: white;
background-color: red;
font-weight: bold;
padding: 1px 2px;
border-radius: 1px;
}
.deco-\! a.page-link {
color: yellow;
}
家の前で騒音VC [( ✗]
code:style.css
.deco-\( {
background-image: linear-gradient(
90deg,
hsl(6deg 100% 50%) 0%,
hsl(29deg 100% 50%) 12%,
hsl(45deg 100% 50%) 20%,
hsl(59deg 100% 50%) 28%,
hsl(80deg 100% 64%) 35%,
hsl(117deg 100% 73%) 41%,
hsl(159deg 100% 50%) 48%,
hsl(183deg 100% 47%) 55%,
hsl(197deg 100% 50%) 62%,
hsl(211deg 100% 51%) 70%,
hsl(266deg 77% 66%) 78%,
hsl(310deg 70% 55%) 88%,
hsl(327deg 100% 50%) 100%
);
background-repeat: no-repeat;
/* background-size: 100% .15em; */
/* background-position: 0 92%; */
background-clip: text;
-webkit-background-clip: text;
color: transparent;
}
kujakujira.icon對話框 [kujakujira.icon][{ 對話框]
code:style.css
.deco-\{, .deco-\} {
font-size: 1em;
padding: 0.1em 0.2em 0.1em 0.2em;
border-radius: 0.4em;
margin: auto 0.6em;
display: inline-block;
max-width: calc(100% - 100px);
}
.deco-\{:before {
position: absolute;
margin: 0;
padding: 0;
transform:
translateX(calc(-0.3em - 100%))
translateY(calc(1em - 80%));
width: 0;
content: "";
border: 0.3em solid transparent;
}
[' ◇ ◇ ◇]
◇ ◇ ◇
── お知らせ ──
△ ○ □ ×
code:style.css
.deco-\', .line:not(.cursor-line) .deco-\' {
position: absolute;
width: 100%;
text-align: center;
}